<!doctype html>
<html>
	<head>
		<title> test grid </title>
		<link href="/public/ibid/css/grid.css" rel="stylesheet">

	</head>

	<body>
<div class="container row">
    <div class="columns three">
        <p>There are two blank columns to the left of this one.</p>
    </div><!-- end .two -->
    <div class="columns seven">
        <p>This column leaves one column empty between it and it's predecessor then takes up the rest of the row.</p>
    </div><!-- end .seven -->
</div><!-- end .container -->
	</body>
</html>